
<ion-header>
    <ion-toolbar class="toolbar-head" >
        <div class="searchTop">
            <!-- <img src="../../assets/img/back.png" alt=""> -->
            <div class="search" (click)="search()">
              <img src="../../assets/img/index/sousuo.png" alt="">
              <ion-input type="search" [(ngModel)]="searchValue" disabled (click)="search()"></ion-input>
            </div>
          </div>
        <!-- <img src="../../../../assets/img/activity/share.png" slot="end" alt=""> -->
    </ion-toolbar>
</ion-header>
<ion-content style="--background:#4d4d4d">
  <div id="category">
    <nav id="nav">
      <ul>
        <li *ngFor="let item of categoryData, let i = index" (click)="categoryLeftClick(i,item.procClassId);">
          <span [ngClass]="{true:'nav-current',false:'nav-blur'}[item.isSelect]"
            style="font-size: 12px">{{item.procClassName}}</span>
          <label class="tab2-line" [ngClass]="{true:'tab2-line',false:'tab2-line-1'}[item.isSelect]"></label>
        </li>
      </ul>
    </nav>
    <div id="pro">
      <div class="pro-scroll">
        <div class="pro-warp">
          <div class="content">
            <div class="content-body">
              <div class="shop-list1">
                <div class="item"  *ngFor="let item of classifyData" (click)="onItem(item)">
                  <!-- <img style="height: 80px;min-height: 80px;" src="../../assets/img/pic.png" alt=""> -->
                  <img  style="height: 80px;min-height: 80px;" onerror="this.src='../../assets/img/pic.png';this.onerror=null" src="{{solaImage(item.procClassIcon)}}" alt="">
                  <div
                    style="font-size: 13px; word-break: break-all; border-collapse: collapse; padding: 8px; text-overflow: ellipsis; overflow: hidden; ">
                    {{item.procClassName}}
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
            <ion-infinite-scroll-content
              loadingSpinner="bubbles"
              loadingText="Loading more data...">
            </ion-infinite-scroll-content>
          </ion-infinite-scroll> -->
        </div>
      </div>
    </div>
  </div>
</ion-content>